<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>H+ 后台主题UI框架 - 基本表单</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
    

<div style="width:400px;background-color:#CCCCCC;padding:10px">  
    <form id="myform">  
        <p>  
        姓名:<input type="text" value="" id="uname" name="uname"/>  
        </p>  
        <p>  
        怩称:<input type="text" value="" id="nikename" name="nikename"/>  
        </p>  
        <p>  
        密码:<input type="password" value="" id="pwd" name="pwd"/>  
        </p>  
        <p>  
        性别:<select name="sex" id="sex">  
                      <option selected value=1>男</option>  
                      <option value=0>女</option>  
             </select>  
        </p>  
        <p>  
        婚姻状态：<input type="radio" name="married"  value="yes"/>已婚<input type="radio" name="married" value="no">未婚  
        </p>  
        <p>  
        个人爱好:  
        <input type="checkbox" name="fav" value="足球">足球  
        <input type="checkbox" name="fav" value="台球" >台球  
        <input type="checkbox" name="fav" value="羽毛球">羽毛球  
        </p>  
        <p>  
        择偶标准:  
        <input type="checkbox" name="standard" value="高">高  
        <input type="checkbox" name="standard" value="帅">帅  
        <input type="checkbox" name="standard" value="富">富  
        </p>  
        <p>  
        目标城市:<select name="city" id="city"><option selected value="wh">武汉</option><option value="other">外省</option></select>  
        </p>  
        <p>  
        头像:<input type="text" readonly value="./images/head.jpg" id="headpic" name="headpic"><img src="./images/head.jpg" width=64px height=64px id="headpic" />  
        </p>  
        <p>  
        受教育经历:  
        <textarea rows="6" cols="50" id="eduhistory" name="eduhistory" value="" width="200px" height="180px"></textarea>  
        </p>  
        <p>  
        <input type="button" value="提交" onclick="javascript:alert($('#myform').formtojson());"/>&nbsp;  
        <input type="button" value="填充" onclick="a()"/>&nbsp;  
        <input type=reset value="取消" />  
        </p>  
      
    </form>  
</div>  



    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js?v=3.3.6"></script>
    <script type="text/javascript" src="js/content.min.js?v=1.0.0"></script>
    <script type="text/javascript" src="js/plugins/iCheck/icheck.min.js"></script>
    <script type="text/javascript" src="platcommon/json-form.js"></script>

   
<script type="text/javascript">


     $(document).ready(function () {
         a();

     })

     function a() {
         var jsonstring = "uname:'Alicezhang',nikename:'美女',sex:'0',married:'no'," +
             "fav:'足球|羽毛球',standard:'帅|富',city:'other'," +
             "headpic:'./images/head2.jpg',pwd:'1234567890',eduhistory:'i am a student!'"
         $('#myform').jsontoform(jsonstring);
     }







</script>

</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/form_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:15 GMT -->
</html>
